{% extends "_layouts/default.html" %}
{% block header %}
<link rel="stylesheet" type="text/css" href="/static/style/login.css"/>
{% endblock %}
{% block content %}
<div id="h_banner" class="container_12"><a href="http://www.meilishuo.com/users/register/aa74158f1933b65e23e61bf99d8157f5">美丽说，最具人气的时尚分享社区，623万MM的美丽地盘。跟朋友一起修炼美丽，每天分享怎样搭配，怎样化妆，哪里去买；记录我漂亮的一天，让改变发生！</a></div><!-- not logon banner -->


<div class="clear"></div>
<div id="main" class="container_12" style="border-top: 1px solid #DEDEDE;">

    <div class="grid_12">
        <div class="login-page">
            <form action="" onsubmit="return check_user_logon();return false;" method="post" id="loginForm" >
                <h1>登录美丽说</h1>
                <div class="dash-line"></div>
                <div class="logon_form_input_email ">
                    <div class="titleBox left">账　号：</div>
                    <div class="titleBox left">
                        <input type="text" name="username" id="username" class="logonInput" value="注册时使用的邮箱/昵称"  />
                    </div>
                    <div class="clear-fix"></div>
                </div>
                <div class="logon_form_input_pass">
                    <!-- <div class="passwordMask" id="passwordMask" >请输入密码</div> -->
                    <div class="">
                        <div class="left titleBox">密　码：</div>
                        <div class="left"><input type="password" name="password" id="password" class=" logonInput" value="" /></div>
                    </div>
                </div>
                <div id="logon_form_input_auth" class="logon_form_input_auth none">
                    <div>
                        <div class='titleBox left'>验证码：</div>
                        <div class="left">
                            <input type="text" class='checkInput left' name="checkcode" id="checkcode_apply" value="" maxlength="4"/>
                            <div class='left' >
                                <span id="checkCodeSpan" style="cursor: pointer;float:left;" onclick="changeCheckCode();return true;" />
                                <img id="checkCodeImage" csrc="http://www.meilishuo.com//css/checkCode.php?t=1316338541" style="cursor: pointer;" >
                                </span>
                            </div>
                            <div class='left ' style="margin-top:8px;" >&nbsp;&nbsp;&nbsp;&nbsp;看不清，<a href="#" class="red" onclick="changeCheckCode();return false;">换一张</a></div>
                            <div style='clear:both'></div>
                        </div>
                    </div>
                </div>
                <!-- ./#logon_form_input_auth -->
                <div class="clear-fix"></div>
                <div class="remember-me">
                    <input type="checkbox" name="savestate" id="savestate" value="savestate" checked="checked"/>
                    <label for="savestate">记住我(下次自动登录)</label>
                </div>

                <div id="logon_hint_logon" class="logon_hint_logon"></div>
                <input type="submit" value="登   录" class="button button-100 submitLogon" />
                <div id="forget_password" class="forget_password">
                    <a class='a1' href = "http://www.meilishuo.com/users/forgetPassword" target='_blank'>忘记密码了?</a>
                </div>
                <input name="redirect" type="hidden" value="http://www.meilishuo.com/" />
            </form>
            <div class="user-logon-right">
                <div class="reg-desc">还没有美丽说账号？ <a href="http://www.meilishuo.com/apply">立即注册</a></div>
                <div>
			你也可以用站外账号登录:
                    <div class="mt14 left">
                        <a class="left reg_links" href="http://www.meilishuo.com/connect/auth/weibo"><img src="http://imgtest.meiliworks.com/css/images/connect/linksina.png" /></a>
                        <a class="left" href="http://www.meilishuo.com/connect/auth/taobao"><img src="http://imgtest.meiliworks.com/css/images/connect/taobao.gif" /></a>
                    </div>
                    <div class="mt14 left">
                        <a class="left reg_links" href="http://www.meilishuo.com/connect/auth/qzone"><img src="http://imgtest.meiliworks.com/css/images/connect/connect_QQ.png" /></a>
                        <xn:login-button autologoutlink="false" size="large" onlogin="connectObj.DirectLogin()"></xn:login-button>
                    </div>
                    <div class="mt14 left">
                        <a class="left reg_links" href="http://www.meilishuo.com/connect/auth/wangyi"><img src="http://imgtest.meiliworks.com/css/images/connect/connect_163.png" /></a>
                        <a class="left" href="http://www.meilishuo.com/connect/auth/baidu"><img src="http://imgtest.meiliworks.com/css/images/connect/connect_baidu.png" /></a>
                    </div>
                </div>
            </div>
        </div><!-- /.login-page -->

    </div>

    <div class="clear"></div>
</div><!-- main -->
<div class="clear"></div>

<div id="show_err"></div>


<!-- google_ad_section_end -->


<!-- google_ad_section_end -->
<div class="clear-fix"></div>
<!-- google_ad_section_start(weight=ignore) -->

{% endblock %}